朋友说我的网站打不开，我花一天搞定 Vercel 自定义域名（附SOP）

这段时间参考拉小登老师的一个 Chrome 插件——公众号历史文章，用 cursor 更新了部分代码之后将这个功能集成到了前段时间写的一个叫做“微信工具箱”的网站上了。

本着免费薅羊毛精神，部署到了 Vercel 的平台上去托管，并且用了 Vercel 的默认域名。前两天有朋友想要去下载公众号的文章。 我就把这个小工具分享出去, 一些朋友用了之后,觉得挺好用的，然后就又再给一些朋友扩散了。

但是一个新朋友就碰到了问题，他换了好几个浏览器,同时又在手机上面去尝试了,都打不开这个网站，让他尝试了各种办法都没解决这个问题。那我想我去部署一个新的域名再尝试是不是能够访问。

所以，今天跟AI聊了一天，也问了各种各样的问题，把步骤给摸清楚了，也亲身实践了一次。将经验写下来做个记录同时给需要的朋友做个参考。

域名叫什么名字

既然决定要买个新域名，首先就得起个名字。

我的公众号叫“林小卫很行”，我自然希望域名能和品牌相关。我最开始拍脑袋想了几个：

• 林小卫.com：这是个中文域名。但 AI 提醒我，中文域名在技术上会被转码成一长串 xn-- 开头的 Punycode，分享和在某些系统里识别都不方便，而且用户也没习惯在浏览器里输中文。果断放弃。

• xiaowei.com：这种简短的双拼 .com 域名，AI 说基本在二十年前就被人注册光了，去查了一下果然如此。放弃。

• xwbox.com：这是“小卫Box”的缩写。虽然简短，但对不熟悉我的人来说，xw 是什么意思？有认知门槛，不利于传播。不推荐。

最后，我们（我和AI）一致认为，最好的范式是 品牌 + 功能。

• 我的品牌核心是 xiaowei（小卫）。

• 我的功能是工具箱 box。

组合起来，xiaoweibox 是最清晰、最易懂的选择。

选择什么后缀

名字定为 xiaoweibox 了，接下来选后缀（也就是 TLD，比如 .com, .net）。

我首选的 xiaoweibox.com 已经被占用了。于是我面临一个权衡：

1. 专业型后缀：比如 .dev, .app, .io。这些后缀很专业，可信度高，续费价格也稳定。缺点是比较贵，普遍在每年 15 美元（约 100 多人民币）左右。

2. 经济型后缀：比如 .top, .xyz, .icu。这些后缀非常便宜，我查到的 .top 首年甚至只要 2 美元（十几块钱）。缺点也很明显：续费价格可能会涨（.top 续费是 $4.88），而且因为被很多垃圾邮件网站滥用，有一定的“信任成本”。

我本着“最小可行实验”的精神，决定先用最低的成本把问题解决了。所以我选择了 .top 后缀。

我清楚地知道我接受了哪些风险：未来续费可能会贵一点，以及域名看起来可能没那么“专业”。但对于一个个人项目，成本优先且已经足够了。

我的最终域名：xiaoweibox.top

在什么平台购买

域名定好了，该去买了。我一开始在 NameSilo 尝试购买，结果支付环节添加了 VISA 信用卡进行了几次尝试都失败了。

这让我明确了一个核心需求：这个注册商必须稳定支持支付宝 (Alipay)。

AI 给我推荐了几个国际注册商，我最后锁定了两个：Namecheap 和 Dynadot。

• Namecheap：大厂，稳定，支持支付宝。

• Dynadot：界面极其简洁、干净，没有广告和各种交叉销售，价格也透明，同样支持支付宝。

我选择了 Dynadot，它的界面风格非常对我这个的胃口。记得要在右上角将语言选成中文，后比选成人民币，此时就会出现支付宝选项了。

在购买过程中，AI 还给了一个至关重要的建议：

WHOIS 信息：必须填写真实信息，但一定要开启免费的隐私保护！

• 填写真实信息（姓名、地址、邮箱）：这是你对这个域名法律所有权的唯一凭证。如果乱填，未来有纠纷或要转移域名，你会无法证明这个域名是你的。

• 开启隐私保护：Dynadot 提供了免费的 WHOIS 隐私保护。开启后，公众查询你的域名时，看到的是 Dynadot 公司的代理信息，而不是你家的门牌号。

如何在Vercel上配置

这是最核心的一步，也是我们花了最多时间摸索的。我们的目标是建立一个可扩展的“Vercel DNS 指挥中心”。

以下是我亲身实践过的最佳路径：

阶段一：让 Vercel 成为 DNS 总指挥

这一步的目标是把 xiaoweibox.top 的 DNS 管理权，从 Dynadot 完全交给 Vercel。

1. Vercel 操作 (账户级)：

   • 登录 Vercel，不要进入任何项目。点击顶层导航栏的 Domains（这是账户级入口）。

   • 添加我的根域名 xiaoweibox.top。

   • Vercel 提示我需要将这个域名“挂靠”到一个项目上，我临时选择了 wechat-tool 项目。

2. 获取 Vercel 指令：

   • 添加后，域名状态显示 "Invalid Configuration"（红色）。

   • 关键：必须点击这个红色的域名，Vercel 才会显示它分配的两条 Nameserver (NS) 地址，长得像这样：

     • ns1.vercel-dns.com

     • ns2.vercel-dns.com

3. Dynadot 操作 (交出权限)：

   • 我登录 Dynadot，找到 xiaoweibox.top 的 DNS 设置。

   • 关键：在弹出的选项中，我选择了 服务器 (Servers)。 （注意：不要选 "Dynadot DNS"，那个是保留管理权）。

   • 我把 Vercel 给的两条 NS 地址粘贴进去，保存。

4. 等待验证：

   • 我回到 Vercel 的 Domains 页面，等了大概 5 分钟，xiaoweibox.top 的状态就变成了绿色的 "Valid Configuration"。此时

   • 至此，指挥中心建立完毕。

阶段二：绑定 wechat-tool 项目

现在 Vercel 已经控制了我的域名，我需要把子域名精确指向我的项目。

5. Vercel 操作 (项目级)：

   • 我进入 wechat-tool 项目的 Settings -> Domains 页面。

   • 关键： 我先删除了刚才临时挂靠的根域名 xiaoweibox.top。（这个操作只会解除绑定，Vercel 依然控制着 DNS）。

   • 然后，我添加了 我真正想要的子域名：wechat-tool.xiaoweibox.top。

   • 因为 Vercel 已经是 DNS 总指挥，这个子域名立即生效，状态直接变绿。

阶段三：收尾与清理

我的 wechat-tool 项目现在有两个地址了：新的 wechat-tool.xiaoweibox.top 和旧的 wechat-tool.vercel.app。我需要处理掉旧的。

6. Vercel 操作 (项目级)：

   • 还是在 wechat-tool 项目的 Domains 页面。

   • 我找到那个旧的 wechat-tool.vercel.app 域名，点击 Edit。

   • 我设置了重定向 (Redirect)，目标填写我新的 https://wechat-tool.xiaoweibox.top。

   • 重定向类型，我选择了 301 Permanent（永久重定向）。AI 说这对 SEO 最友好，搜索引擎会把权重都转移到新域名上。

至此，大功告成。网站可以通过新域名 wechat-tool.xiaoweibox.top 稳定访问了。

给未来的建议

最后，我总结了几条给未来自己（也给有需要的朋友）的标准作业程序 (SOP)：

1. 关于 ICP 备案：

   • 结论：不需要。

   • 理由： 备案是跟服务器所在地有关，跟域名在哪买、DNS 在哪无关。只要你的服务（Vercel）在海外，你的自定义域名就不需要 ICP 备案。

2. 关于 WHOIS 信息：

   • 结论：必须填写真实信息，并开启隐私保护。

   • 理由： 真实信息是你对域名的法律所有权凭证。免费的隐私保护（Dynadot 和 Namecheap 都提供）能保护你的住址和电话不被公开。

3. Vercel 最佳架构：

   • 结论：一定要用“DNS 指挥中心”方案。

   • 理由： 按照【阶段一】的方法，让 Vercel 接管根域名的 NS。这样做的好处是，未来我想添加任何新的子域名（比如 blog.xiaoweibox.top 或 api.xiaoweibox.top），哪怕是指向其他外部服务器，我都可以只在 Vercel 的账户级 Domains 界面统一管理，再也不用登录 Dynadot 了。

4. 关于旧域名：

   • 结论：一定要做 301 永久重定向。

   • 理由： 把旧的 .vercel.app 域名用 301 指向新域名。这能把所有访问量和 SEO 权重都无缝转移到你的新品牌域名上，体验最好。

---

希望这篇实践经验对你有帮助，如果有问题可以关注下方公众号，一起交流哦～